<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <!-- 引入bootstrap框架的样式文件 -->
    <link rel="stylesheet" href="../../plugins/bootstrap/css/bootstrap.css" type="text/css">
    <link href="https://cdn.bootcss.com/font-awesome/5.8.0/css/all.css" rel="stylesheet" />
    <link rel="stylesheet" href="../../css/daoyou/daoyouIndex.css" type="text/css">
    <link href="../../css/index/index.css" rel="stylesheet" type="text/css">
</head>

<body>
<!-- 导航栏 -->
          <!-- 导航 begin -->
    <div class="container-fluid" id="head" style="margin-bottom: 0px;">
        <div class="row">

            <nav class="navbar" role="navigation"
                style="background-color: rgb(206, 228, 247);padding-left: 100px;margin-bottom: 0px">
                <div class="container-fluid">
                    <div>
                        <button type="button" class="navbar-toggle" data-toggle="collapse"
                            data-target="#example-navbar-collapse" style="background-color: royalblue">
                            <span class="sr-only">切换导航</span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                        </button>
                        <a href="index.html"> <img src=" imgs/index/logo.jpg" alt="失败" id="logo"
                                class="img-circle navbar-brand"></a>
                        <a class="navbar-brand" href="index.html" style="padding-left: 0px;font-family:楷体">
                            <span data-toggle="tooltip" title="悠 U 新方式">
                                悠&nbsp;U</span></a>
                    </div>

                    <div class="collapse navbar-collapse" id="example-navbar-collapse ">
                        <ul class="nav navbar-nav ">
                            <li><a href="index.html">
                                    <span style="padding:0px 20px" data-toggle="tooltip" title="首页"> 首页</span></a></li>

                            <li class="dropdown">
                                <a href="views/traveler/travelnotes_index.html" class="dropdown-toggle" data-toggle="dropdown">
                                    游记<b class="caret"></b>
                                </a>
                                <ul class="dropdown-menu">
                                    <li><a href="views/traveler/traveler_list.html">
                                            <span class="glyphicon glyphicon-user"
                                                style="text-shadow: rgb(216, 206, 206) 3px -1px;"></span>
                                            &nbsp;达人
                                            <span class="badge pull-center" style="background-color: red">hot</span>
                                        </a></li><br>
                                    <li><a href="views/traveler/editnotes.html">
                                            <span class="glyphicon glyphicon-edit"></span>
                                            写游记
                                            <span class="badge pull-center"
                                                style="background-color: red;font-size:3px">赚钻石</span>
                                        </a></li><br>
                                    <li><a href="views/traveler/travelnotes_index.html">
                                            <span class="glyphicon glyphicon-flag"></span>
                                            游记主页</a></li><br>
                                </ul>
                            </li>
                            <li class="dropdown">
                                <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                                    景点<b class="caret"></b>
                                    <!-- <span class="label label-danger" style="font-size: 1px;">NEW</span>-->
                                </a>
                                <ul class="dropdown-menu">
                                    <li><a href="views/Attractions/Attractions.html"><span class="glyphicon glyphicon-fire">&nbsp;主题景点</span>
                                            <span class="badge pull-center"
                                                style="background-color: red;font-size:3px">NEW</span>
                                        </a></li><br>
                                
                                    <li><a href="views/Attractions/details.html"><span class="glyphicon glyphicon-bell">&nbsp;当地玩乐</span></a></li>
                                </ul>
                            </li>
                            <li>
                                <a href="views/Tourist/travels_index.html">
                                    <span data-toggle="tooltip" title="导&nbsp;游">导游</span>
                                    <!-- <span class="badge pull-center"
                                        style="color: red;font-size:1px">hot</span> -->
                                </a>
                            </li>

                        </ul>

                        <!-- <div style="padding-top:15px" class="">
                                <input type="text" placeholder="用户/游戏/动态" style=" height:20px">
                                
                            </div> -->


                        <ul class="nav navbar-nav navbar-right" style="padding-right: 100px">

                            <li class="dropdown">
                            <li><a href="views/person_center/person_center.html" class="dropdown-toggle" data-toggle="dropdown"
                                    style="font-family: 楷体;padding-left: 0px">
                                   我的悠 U &nbsp;<img id="headerImg" src="imgs/index/head.jpg" class="img-circle"><b
                                        class="caret"></b>
                                </a>
                                <ul class="dropdown-menu">
                                    <li>
                                        <a href="views/person_center/order.html">我的订单</a>
                                    </li>
                                    <li>
                                        <a href="views/Tourist/myTraveler.html">我的导游</a>
                                    </li>
                                    <li>
                                        <a href="views/person_center/pay_diamond.html">我的钱包</a>
                                    </li>

                                    <li>
                                        <a href="views/traveler/myTraveler2.html">我的游记</a>
                                    </li>
                                    <li class="divider"></li>
                                    <li> <a href="views/person_center/messages.html">系统通知</a> </li>
                                    <li> <a href="views/person_center/personal_information.html">我的账号</a> </li>
                                    <li> <a href="views/user/account_login.html">退出</a> </li>

                                </ul>
                            </li>
                            <li><a href="#weibo" style="padding-left:8px;padding-right: 8px"><i
                                        class="fa fa-weibo"></i></a></li>
                            <li><a href="#weixin" style="padding-left:8px;padding-right: 8px"><i
                                        class="fa fa-weixin"></i> </a></li>
                            <li><a href="#weixin" style="padding-left:8px;padding-right: 8px"> <i
                                        class="fa fa-qq"></i></a></li>
                            <li><a href="views/user/account_login.html" style="padding-left:10px;padding-right: 10px">登录</li> </a>
                            <li><a href="views/register/register.html" style="padding-left:10px;padding-right: 10px">注册</li> </a>



                        </ul>
                    </div>
                </div>
            </nav>
        </div>
    </div>
    <!-- 导航 end -->
<!-- 导航栏end -->



  <!--轮播 - banner - begin-->
  <div class="banner_container">
    <div class="container">
        <ul id="banner-box">
            <li style="z-index: 3;opacity: 1;">
                <a href="">
                    <img src="../../imgs/index/pic_001.jpg" alt="">
                    <div class="text-box">
                        <p><span>11</span>/Dec.2017</p>
                        <h2>唯有旅行与美食，不负时光</h2>
                    </div>
                </a>
            </li>
            <li style="z-index: 1;opacity: 1;">
                <a href="">
                    <img src="https://n4-q.mafengwo.net/s14/M00/78/71/wKgE2l15xeyAGP_NAAbXnvbYGdA308.jpg?imageMogr2%2Finterlace%2F1"
                        alt="">
                    <div class="text-box">
                        <p><span>11</span>/Dec.2017</p>
                        <h2>印度尼西亚︱我的人生伏笔，从东爪哇到巴厘岛</h2>
                    </div>
                </a>
            </li>
            <li style="z-index: 1;opacity: 1;">
                <a href="">
                    <img src="../../imgs/index/pic_003.jpg" alt="">
                    <div class="text-box">
                        <p><span>11</span>/Dec.2017</p>
                        <h2>天地山水，超你所愿（附12天加拿大自驾指南）</h2>
                    </div>
                </a>
            </li>
            <li style="z-index: 1;opacity: 1;">
                <a href="">
                    <img src="../../imgs/index/pic_004.jpg" alt="">
                    <div class="text-box">
                        <p><span>11</span>/Dec.2017</p>
                        <h2>锦州 | 2天暴食13顿，这是一座来了没时间观光的城市！</h2>
                    </div>
                </a>
            </li>
            <li style="z-index: 1;opacity: 1;">
                <a href="">
                    <img src="https://b3-q.mafengwo.net/s14/M00/43/49/wKgE2l12JriAGm53AAduwcseKIs827.jpg?imageMogr2%2Finterlace%2F1"
                        alt="">
                    <div class="text-box">
                        <p><span>11</span>/Dec.2017</p>
                        <h2>澳之秘境，倾翻的浪漫盐池——西澳南澳自驾笔记</h2>
                    </div>
                </a>
            </li>
        </ul>
    </div>

    <ul id="banner-index-box" class="banner-index-box">
        <li class="banner-index-active">
            <img src="../../imgs/index/pic_001.jpg" alt="">
            <span></span>
        </li>
        <li>
            <img src="https://n4-q.mafengwo.net/s14/M00/78/71/wKgE2l15xeyAGP_NAAbXnvbYGdA308.jpg?imageMogr2%2Finterlace%2F1"
                alt="">
            <span></span>
        </li>
        <li>
            <img src="../../imgs/index/pic_003.jpg" alt="">
            <span></span>
        </li>
        <li>
            <img src="../../imgs/index/pic_004.jpg" alt="">
            <span></span>
        </li>
        <li>
            <img src="https://b3-q.mafengwo.net/s14/M00/43/49/wKgE2l12JriAGm53AAduwcseKIs827.jpg?imageMogr2%2Finterlace%2F1"
                alt="">

            <span></span>
        </li>
    </ul>
</div>
<!-- 轮播 -->



    <div class="page-header">
        <h2>城市借光者</h2>
        <p>每位验客都是一个行走的旅行超人</p>
    </div>




    <!-- 导游表 -->
    <div class="container" style="margin-top: 40px;">
        <div class="row" style="margin-left: 50px;" id="dao">
            <ul>
                <li>
                    <!-- 翻转 -->
                    <div class="card middle">
                        
                        <div class="front">
                            
                            <!-- <img src="../imgs/dy_wzx02.jpg" alt="" /> -->
                        </div>
                        <div class="back">  
                             <div style="font-szie:30px; text-align: center; font-family:  Microsoft Yahei">

                                 受欢迎度  <img style="width: 10px;height:10px" src="../../imgs/dyxx.png">
                             </div>
                            <div class="bj_top">


                            </div>
                            <div class="back-content middle" >
                                <a href="Details.html" style="text-decoration: none" >

                                    
                                <img class="hbj"  src="../../imgs/travler/travler1.jpg" alt="" />
                                <h2>name</h2>
                                
                               
                                <div class="biaoqian">

                                       
                                    <div>
                                        美食的达人
                                    </div>
                                    <div>
                                        美食达人
                                    </div>
                                    <div>
                                        明星
                                    </div>
                                    <div>
                                        明星
                                    </div>
                                </div>
                                <p class="mytext">心指向aha hah dfhai v</p>
                            </a>

                            </div>
                        </div>
                    </div>
                    <!-- 反转end -->
                </li>

                <li>
                        <!-- 翻转 -->
                        <div class="card middle">
                            
                            <div class="front">
                                
                                <!-- <img src="../imgs/dy_wzx02.jpg" alt="" /> -->
                            </div>
                            <div class="back">  
                                 <div style="font-szie:30px; text-align: center; font-family:  Microsoft Yahei">
    
                                     受欢迎度  <img style="width: 10px;height:10px" src="../../imgs/dyxx.png">
                                 </div>
                                <div class="bj_top">
    
    
                                </div>
                                <div class="back-content middle" >
                                    <a href="Details.html" style="text-decoration: none" >
    
                                        
                                    <img class="hbj"  src="../../imgs/travler/travler1.jpg" alt="" />
                                    <h2>name</h2>
                                    
                                   
                                    <div class="biaoqian">
    
                                           
                                        <div>
                                            美食的达人
                                        </div>
                                        <div>
                                            美食达人
                                        </div>
                                        <div>
                                            明星
                                        </div>
                                        <div>
                                            明星
                                        </div>
                                    </div>
                                    <p class="mytext">心指向aha hah dfhai v</p>
                                </a>
    
                                </div>
                            </div>
                        </div>
                        <!-- 反转end -->
                 </li>
<li>
                    <!-- 翻转 -->
                    <div class="card middle">
                        
                        <div class="front">
                            
                            <!-- <img src="../imgs/dy_wzx02.jpg" alt="" /> -->
                        </div>
                        <div class="back">  
                             <div style="font-szie:30px; text-align: center; font-family:  Microsoft Yahei">

                                 受欢迎度  <img style="width: 10px;height:10px" src="../../imgs/dyxx.png">
                             </div>
                            <div class="bj_top">


                            </div>
                            <div class="back-content middle" >
                                <a href="Details.html" style="text-decoration: none" >

                                    
                                <img class="hbj"  src="../../imgs/travler/travler1.jpg" alt="" />
                                <h2>name</h2>
                                
                               
                                <div class="biaoqian">

                                       
                                    <div>
                                        美食的达人
                                    </div>
                                    <div>
                                        美食达人
                                    </div>
                                    <div>
                                        明星
                                    </div>
                                    <div>
                                        明星
                                    </div>
                                </div>
                                <p class="mytext">心指向aha hah dfhai v</p>
                            </a>

                            </div>
                        </div>
                    </div>
                    <!-- 反转end -->
                </li>


            
                
            </ul>
            







        </div>
    </div>
    <!-- 导游表单 -->



    <script src="../../js/index/lunbo.js"></script>



    <!-- bootstrap中的js插件依赖于jquery框架,所以必须先引入jquery的js文件 -->
    <script src="../../plugins/jquery/jquery.min.js"></script>
    <!--引入bootstrap的js文件-->
    <script src="../../plugins/bootstrap/js/bootstrap.js"></script>
</body>

</html>